<template>
      <div class="investor-area clr-black">
            <Header :isTransparentBackground="false"></Header>
            <div class="pt-gap-comm investor-main-box">
                  <!-- banner 及 辅助导航栏 开始 -->
                  <PageBanner pictureLink="https://www.tencent.com/img/banners/investor-1.jpg" :dataIndex="5"
                        major-heading="媒体中心"></PageBanner>
                  <!-- banner 及 辅助导航栏 结束 -->

                  <template v-for="(investorItem, investorIndex) in headerList[5].subList" :key="investorIndex">
                        <component :id="investorItem.anchor_point" :is="data.componentList[investorIndex].componentName" 
                        :moduleTitle="investorItem.sub_text" :titleIsShow="investorIndex == 0 || investorIndex == 1 ? true : false"></component> 
                  </template>
                  <ContactUs></ContactUs>
            </div>
            <CopyRight></CopyRight>
      </div>
</template>

<script lang="ts" setup>
import { reactive } from 'vue'
import { headerList } from '@/config/assets.config'
// 导航栏组件
import Header from '@/components/client/common/header/index.vue'
// 版权组件
import CopyRight from '@/components/client/common/copyright/index.vue'
import PageBanner from '@/components/client/common/pageBanner/index.vue'
// 联系我们
import ContactUs from '@/components/client/common/contactUs/index.vue'

import EnterpriseDynamics from '@/components/client/medium/enterpriseDynamics.vue'
import FinancialNews from '@/components/client/medium/financialNews.vue'
import MediaMaterials from '@/components/client/medium/mediaMaterials.vue'

let data = reactive({
      componentList: [
            {
                  componentName: EnterpriseDynamics
            },
            {
                  componentName: FinancialNews
            },
            {
                  componentName: MediaMaterials
            }
      ]
})
</script>